#app {
    min-width: 1400px;
}

.crafts-item-img {
    width: 100%;
    height: auto;
    cursor: pointer;
    z-index: 2;
    overflow-y: hidden;
    transition: 0.5s;
}

.crafts-item-info {
    width: 100%;
    text-align: left;
    padding: 10px 0 20px 0;
    margin-top: -5px;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.crafts-item-info div {
    /*width: 98%;*/
    margin: 0 auto;
    padding: 2px 10px 3px 10px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}


.crafts-item-author {
    font-weight: lighter;
}

.crafts-item-name {
    font-weight: bold;
    color: #4b4848;
    /*font-size: 0.8em;*/
    font-style: italic;
}

.crafts-item-Size {
    font-weight: lighter;
}

.orderInfo .el-form-item__label {
    font-size: 1.4em;
    font-weight: bold;
}

.orderInfo .useAddress-item{
    font-size: 1em;
}

.orderInfo .btn_submit_order,
.orderInfo .btn_submit_order:hover,
.orderInfo .btn_submit_order:focus
{
    background-color: #2a3237;
    color: white;
    width: 100%;
}

.orderInfo .el-form-item__content{
    font-size: 1.1em;
}

.address button {
    width: 100%;
}

.address button:hover {
    background-color: #2a3237 !important;
    color: white !important;
}

.address button:focus {
    background-color: transparent;
    color: black;
    display: block;
}

.myAddressDialog .el-dialog {
    min-width: 700px;
}

.location_box {
    height: auto;
    line-height: 40px;
    padding: 10px;
    border: 1px #dddddd solid;
    min-width: 650px;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 1.2em;
}

.location_box:hover {
    border-color: #2a3237;
}


/*drawer*/
.el-drawer__body {
    overflow: auto;
}

.drawer_address .el-form {
    padding-top: 15%;
}

.drawer_address .el-form-item {
    width: 80%;
    margin: 40px auto;
}

.drawer_address .el-form-item:last-child {
    margin-top: 40px;
}

.drawer_address .el-form-item .el-select {
    width: 100% !important;
}

.drawer_address .btn_confirm, .drawer_address .btn_close:hover {
    background-color: #2a3237;
    color: white !important;
    border-color: #2a3237;
}

.drawer_address .is-checked, .drawer_address .is-checked span {
    color: #2a3237 !important;

}

.drawer_address .is-checked .el-checkbox__inner {
    border-color: #2a3237;
    background-color: #2a3237;
}

.drawer_address .el-checkbox__inner:focus,
.drawer_address .el-checkbox__inner:hover,
.drawer_address .el-checkbox .is-focus .el-checkbox__inner{
    border-color: #2a3237 !important;
}
